<template>
    <div>
      <!--<div class="container">-->
          <!--<div class="row">-->
            <!--<div class="col-xs-6 col-sm-3" style="background-color: #dedef8;">1111</div>-->
            <!--<div class="col-xs-6 col-sm-3" style="background-color: #dedef8;">22222</div>-->
            <!--&lt;!&ndash;<div class="clearfix visible-xs"></div>&ndash;&gt;-->
            <!--<div class="col-xs-6 col-sm-3" style="background-color: #dedef8;">33333</div>-->
            <!--<div class="col-xs-6 col-sm-3" style="background-color: #dedef8;">44444</div>-->
          <!--</div>-->
      <!--</div>-->
      <div class="">

      </div>
      <el-row>
        <el-col :xs="8" :sm="8" :md="8" :lg="6" :xl="6">
          <div>
            <h2>办事指南</h2>
          </div>
        </el-col>
        <el-col :xs="16" :sm="16" :md="16" :lg="18" :xl="18">
          <div>
            content
          </div>
        </el-col>
      </el-row>


    </div>
</template>

<script>
    export default {
        name: 'sample',
        data() {
            return {}
        },
        methods: {},
        computed: {},
        created() {
            const vm = this
        },
    }
</script>

<style scoped>
  .el-col {
    border-radius: 4px;
  }
  .bg-purple-dark {
    background: #99a9bf;
  }
  .bg-purple {
    background: #d3dce6;
  }
  .bg-purple-light {
    background: #e5e9f2;
  }
  .grid-content {
    border-radius: 4px;
    min-height: 36px;
  }
</style>
